<template>
    <div class="home">
        <p>父</p>
        <p>a:{{a}}</p>
        <p>b:{{b}}</p>
        <p>c:{{c}}</p>
        <p>d:{{d}}</p>
        <PageDome51sub :a="a" :b="b" :c="c" :d="d" v-bind="{x:100,y:200}" :updataA="updataA"></PageDome51sub>
    </div>
</template>


<script setup lang="ts" name = "Page51">
import { ref} from 'vue';
import PageDome51sub from './page/PageDome51sub.vue';
 let a = ref(1);  
 let b = ref(2);  
 let c = ref(3);  
 let d = ref(4);
 function updataA(){
    a.value++
 }  
</script>

<style lang="scss" scoped>

</style>